<!DOCTYPE html>
<html>
<head>
    <title>个人信息和账户信息展示</title>
</head>
<body>

<!-- 个人信息部分 -->
<div id="personalInfo" style="display: none;">
    <h2>个人信息</h2>
    <p>姓名：张三</p>
    <p>微信：zhangsan123</p>
    <p>电话：13512345678</p>
    <p>QQ：123456789</p>
    <p>邮箱：zhangsan@example.com</p>
</div>

<button onclick="showPersonalInfo()">查看个人信息</button>

<!-- 账户信息部分 -->
<div id="accountInfo" style="display: none;">
    <h2>账户信息</h2>
    <p>账户：zhangsan123</p>
    <p>密码：********</p>
    <p>电话号码：13512345678</p>
    <p>验证码：1234</p>
</div>

<button onclick="showAccountInfo()">查看账户信息</button>

<script>
    function showPersonalInfo() {
        var personalInfo = document.getElementById("personalInfo");
        personalInfo.style.display = "block";
    }

    function showAccountInfo() {
        var accountInfo = document.getElementById("accountInfo");
        accountInfo.style.display = "block";
    }
</script>

</body>
</html>
